body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333;font-family: "SourceHanSansCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #44374f;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: "SourceHanSansCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
@font-face{
    font-family: 'SourceHanSansCN'; 
    src:url('../fonts/SourceHanSansCN.eot');
    src:url('../fonts/SourceHanSansCN.woff') format('woff'),
        url('../fonts/SourceHanSansCN.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN.svg') format('svg');
}





.middle{display: table-cell; vertical-align: middle; width: 1000px;}

.navbar{background: rgba(0,0,0,0.7); padding:0px; color: #cdcdcd;}
.navbar-brand{font-size: 14px; color: #cdcdcd;}
.navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}

.navbar .nav-link{line-height: 2;}
.navbar .active .nav-link,.navbar .nav-link:hover{color: #ce251f;}
.navbar .wexin a,.navbar .weibo a{width: 30px; height: 100%; display: inline-table;}

.navbar .pcen_cn a{display: inline-table;}
.navbar .pcen_cn a:hover{color: #ce251f;}
.navbar .wexin{position: relative;margin-left: 10px;}
.navbar .wexin a{background: url(../images/1a304eab946c60973d6e02c179559eba.png) center center no-repeat;}
.navbar .wexin .img{position: absolute; left: 50%; top: 100%; transform: translate(-50%,0); min-width: 100px; max-width: 200px; text-align:center; background: #fff; text-align: center; padding: 10px; display: none;}
.navbar .wexin:hover .img{display: block;}
.navbar .weibo{margin-left: 25px;}
.navbar .weibo a{background: url(../images/9acc55108a09119e27d46efbaf507748.png) center center no-repeat;}
@media (min-width: 1700px){
    .navbar{height: 80px;}
    .navbar-brand img{height: 56px;}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav .nav-item{padding: 0px 28px;}
    .navbar-nav .nav-link{padding: 24px 0px;}
    .navbar .pcen_cn a{line-height: 80px;}
}
@media (min-width: 1500px) and (max-width: 1699px){
    .navbar{height: 80px;}
    .navbar-brand img{height: 56px;}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav .nav-item{padding: 0px 25px;}
    .navbar-nav .nav-link{padding: 24px 0px;}
    .navbar .pcen_cn a{line-height: 80px;}
}
@media (min-width: 1300px) and (max-width: 1499px){
    .navbar{height: 80px;}
    .navbar-brand img{height: 50px;}
    .navbar-nav{margin-left: 35px;}
    .navbar-nav .nav-item{padding: 0px 20px;}
    .navbar-nav .nav-link{padding: 25px 0px;}
    .navbar .pcen_cn a{line-height: 80px;}
}
@media (min-width: 992px) and (max-width: 1299px){
    .navbar{height: 72px;}
    .navbar-brand img{height: 45px;}
    .navbar-nav{margin-left: 30px;}
    .navbar-nav .nav-item{padding: 0px 12px;}
    .navbar-nav .nav-link{padding: 21px 0px;}
    .navbar .pcen_cn a{line-height: 72px;}
}
@media (max-width: 991px){
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; width: 100%;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .navbar .pcen_cn{position: fixed; top: 0px; right: 10%;}
    .navbar .pcen_cn a{color: #fff;}
}
@media (max-width: 991px){
    .navbar-expand-lg>.container{padding:0px 2%;}
    .navbar-brand img{height: 40px;}
    .navbar-collapse{ top: 50px;}
    .pcen_cn{display: none;}
    .wapen_cn a{color: #fff;}
}
@media (min-width: 992px){
    .navbar-nav a{color: #fff;}
    .navbar-collapse{float: right;}
    .navbar .active .nav-link,.navbar .nav-link:hover{background: url(../images/e7485b80a1e6c1799319974bdf9c7372.png) center bottom no-repeat;}
    .navbar .pcen_cn{margin-left: 25px;}
    .wapen_cn{display: none;}
}




.footer{background: #282e31; color: #9d9d9d;}
.footer a{color: #9d9d9d;}


.foot_top li h3{color: #fff; background: url(../images/7ab770eb5c9e5f3de5346e0e975d9d18.png) bottom left no-repeat; background-size: 30px; line-height: 2;}
.foot_navd a{float: left; background: url(../images/3b22d5b634bcc53409bd75efdce4ff8b.png) center right no-repeat; line-height: 2;}


.foot_contactd .word{float: left; background: url(../images/12c0a9dba1e3070c1c53659c9cb25fe4.png) center left no-repeat; color: #fff; padding-left: 50px;}
.foot_contactd .word:nth-child(2){float: left; background: url(../images/662972c1c75a5f5f273605371b60f482.png) center left no-repeat;}
.foot_contactd .word h4{font-size: 16px; font-weight: bold;}
.foot_contactd .word p{font-size: 14px;}
.foot_erweima .img{float: left; width: 48%; text-align:center; line-height: 2;}
.foot_erweima .img:nth-child(2n){float: right;}

.foot_bot{text-align:center; line-height: 2; border-top: 1px rgba(102,102,102,0.15) solid;}


@media (min-width: 1700px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{width: 552px; padding-right: 100px;}
    .foot_navd a{padding: 0px 28px;}
    .foot_navd a:nth-child(4n-3){padding-left: 0px;}
    .foot_contact{width: 688px; padding-left: 100px;}
    .foot_contactd .word{margin-right: 30px;}
    .foot_erweima{width: 300px; padding-left: 100px;}
}
@media (min-width: 1500px) and (max-width: 1699px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{width: 512px; padding-right: 60px;}
    .foot_navd a{padding: 0px 28px;}
    .foot_navd a:nth-child(4n-3){padding-left: 0px;}
    .foot_contact{width: 628px; padding-left: 60px;}
    .foot_contactd .word{margin-right: 30px;}
    .foot_erweima{width: 260px; padding-left: 60px;}
}
@media (min-width: 1300px) and (max-width: 1499px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{width: 448px; padding-right: 40px;}
    .foot_navd a{padding: 0px 22px;}
    .foot_navd a:nth-child(4n-3){padding-left: 0px;}
    .foot_contact{width: 472px; padding-left: 40px;}
    .foot_contactd .word{margin-right: 30px;}
    .foot_erweima{width: 220px; padding-left: 40px;}
}
@media (min-width: 992px) and (max-width: 1299px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{width: 380px; padding-right: 40px;}
    .foot_navd a{padding: 0px 22px;}
    .foot_navd a:nth-child(3n-2){padding-left: 0px;}
    .foot_contact{width: 360px; padding-left: 40px;}
    .foot_contactd .word{margin-bottom:  20px;}
    .foot_erweima{width: 220px; padding-left: 40px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{width: 260px; padding-right: 30px;}
    .foot_navd a{padding: 0px 12px;}
    .foot_navd a:nth-child(3n-2){padding-left: 0px;}
    .foot_contact{width: 250px; padding-left: 30px;}
    .foot_contactd .word{margin-bottom:  20px;}
    .foot_erweima{width: 210px; padding-left: 30px;}
}
@media (max-width: 767px) {
    .foot_top{padding: 1.6em 0px;}
    .foot_top li h3{font-size: 18px; padding-bottom: 5px; margin-bottom: 25px;}
    .foot_nav{}
    .foot_navd a{padding: 0px 20px;}
    .foot_navd a:nth-child(4n-3){padding-left: 0px;}
    .foot_contact{margin-top: 1em;}
    .foot_contactd .word{margin-bottom:  20px;}
    .foot_contactd .word:nth-child(2){float: right;}
    .foot_erweima{}
    .foot_bot{padding: 0.6em 0px;}
}
@media (min-width: 768px){
    .foot_top li{float: left;}
    .foot_contact,.foot_erweima{background: url(../images/9f2538bb4e34d4db3630f5f9142bcdc6.png) top 25px left no-repeat;}
    .foot_bot{padding: 10px 0px;}

}